<template>
    <el-col style="text-align:left">
    <el-row>
    <el-link :underline="false" style="font-size: 28px" class="el-icon-info">课程描述</el-link><br><br>
    <span class="content">{{this.course_infor.courseDescription}}</span><br>
    </el-row>
    <br>
    <br>
    <el-row style="margin-top：20px">
    <el-link :underline="false" style="font-size: 28px" class="el-icon-info">课程目的</el-link><br><br>
    <span class="content">{{this.course_infor.courseDescription}}</span>
    </el-row>
    <br>
    <br>
    <el-row style="margin-top：20px">
    <el-link :underline="false" style="font-size: 28px" class="el-icon-info">证书要求</el-link><br><br>
    <span class="content">{{this.course_infor.courseDescription}}</span>
    </el-row>
     </el-col>
</template>

<script>

import {getCookie} from '@/libs/cookie'
import {selectclass} from '@/api/modules/create_class'

export default {
    name:'class_content',
     data(){
        return{
            courseID:{
                id:''
            },
            course_infor:{

            }
        }
    },
    mounted(){
         let courseID = JSON.parse(getCookie("courseID") || '{}');
         this.courseID.id = courseID
       //   console.log(this.courseID)
         this.classInfor()
    },
    methods:{
        classInfor(filter){
            filter = {
                ...filter,
                ...this.courseID
            }
            selectclass(filter).then(res =>{
                this.course_infor = res.data
               // console.log(res.data)
          })
        }
    }
}
</script>

<style scoped>
.content{
    font-size: 14px;
    color: #84858a;
  }
</style>